﻿@model  Squidex.Areas.Api.Controllers.DocsVM

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <title>API Docs</title>
    
    <base href="~/">

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        body { margin: 0; padding: 0; }

        .menu-content {
            position: fixed !important;
        }

        .api-content {
            margin-left: 260px;
        }

        @@media print, screen and (max-width: 50rem) {
            .api-content {
                margin-left: 0;
            }
        }
    </style>
</head>
<body>
    <div id="redoc-container"></div>

    <script src="~/scripts/redoc.standalone.js"></script>
    <script>
        Redoc.init('@Url.Content(Model.Specification)', {
            theme: {
                colors: {
                    primary: {
                        main: '#3f83df'
                    }
                }
            },
            sortOperationsAlphabetically: true,
            sortEnumValuesAlphabetically: true,
            sortTagsAlphabetically: true,
            nativeScrollbars: true
        }, document.getElementById('redoc-container'))
    </script>
</body>
</html>